<template>
	<div class="lx-desc">
		<div class="title">第一部分 图片感知</div>
		<div class="sub-title">任务指导语</div>
		<div>
			<p class="content">
				图片感知测评的目的是了解你对不同图案的感知和联想方式。接下来将会依次呈现-系列的"墨迹图"--它们是由墨水偶然滴落在纸上后折叠形成的，因此每张图的形状都是独特且没有预先设计的意义。每张图片呈现10秒后，出现需要你回答的问题。
			</p>
			<p class="content">
				你需要做的是在仔细观察图片后回答:这可能是什么?回答可以是具体的人、物、植物、物品，也可以是抽象的形状、场景，或是您看到的任何内容。没有"正确" 或 "错误"的答案，你看到什么就说什么，不需要刻意猜测'应该是什么’。需要注意的是:你可以观察图片的任何部分(整体或局部)，也可以结合颜色(如果是彩色图片)或黑白对比来描述。
			</p>
			<p class="content">
				现在，我们开始吧。
			</p>
		</div>
		<el-button type="primary" @click="next">开始任务</el-button>

	</div>
</template>
<script setup lang="ts">
import useTaskStore from '@/stores/task.js'

const store = useTaskStore()

const next = () => {
	store.taskIndex = store.taskIndex + 1
}


</script>
<style scoped lang="scss">
.lx-desc {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 60%;
	margin: 83px auto 0 auto;

	.title {
		font-size: 32px;
		line-height: 44px;
		margin-bottom: 12px;
	}

	.sub-title {
		margin-bottom: 34px;
		line-height: 22px;
	}

	.content {
		//  首行缩进两个字符
		text-indent: 2em;
		font-size: 18px;
		line-height: 28px;

		margin-bottom: 27px;


	}


}
</style>